@foreach($reservationData['data'] as $reservationVal )

    <div class="r-item">
        <div class="head-img">
            <img src="{{ img_url($reservationVal['reserver']['head_portrait']) }}" alt="">
        </div>

        <div class="r-content">
            <div class="follow-btn">关注</div>
            <div class="author">{{ $reservationVal['reserver']['real_name'] ? $reservationVal['reserver']['real_name'] : $reservationVal['reserver']['user_name'] }}</div>
            <div class="publish-time">{{ $reservationVal['created_at'] }}</div>
            <div class="title">
                <span class="checked">#{{ $reservationVal['service_category']['name'] }}</span>
                @if ($reservationVal['region_info'])
                <span class="checked">【{{ $reservationVal['region_info']['region_name'] }}】</span>
                @endif
                {{ $reservationVal['content'] }}
            </div>

            @if ($reservationVal['imgs_url'])
                <div class="img-list" id="c_imgs{{ $reservationVal['id'] }}">
                    @foreach($reservationVal['imgs_url'] as $imgsUrlVal)
                        <div><img src="{{ $imgsUrlVal }}" alt=""></div>
                    @endforeach
                </div>
                <script>
                    ImagePreview.init({id:$("#c_imgs"+'{{ $reservationVal['id'] }}'+" div img")});
                </script>
            @endif

            @if ($reservationVal['video_url'])
                <div class="video-info">
                    <div id="mui-player{{ $reservationVal['id'] }}" class="video-div"></div>
                </div>
                <script>
                    var mp = new MuiPlayer({
                        container:'#mui-player'+'{{$reservationVal['id']}}',
                        title:'',
                        src:'{{ $reservationVal['video_url'] }}',
                        poster:'{{ $reservationVal['video_img_url'] }}',
                        videoAttribute:[
                            {attrKey:'webkit-playsinline',attrValue:''},
                            {attrKey:'playsinline',attrValue:''},
                            {attrKey:'x5-playsinline',attrValue:''},
                            {attrKey:'t7-video-player-type',attrValue:'inline'},
                            {attrKey:'x5-video-player-type',attrValue:'h5-page'},
                            {attrKey:'x-webkit-airplay',attrValue:'allow'},
                            {attrKey:'controlslist',attrValue:'nodownload'},
                        ],
                        plugins: [
                            typeof MuiPlayerDesktopPlugin == 'function' ? new MuiPlayerDesktopPlugin({}) : {},
                        ]
                    });
                </script>
            @endif

            <div class="clear"></div>

            <div class="r-opt">
                <a class="share-num">{{ $reservationVal['share_num'] }}</a>
                <a class="common-num" href="{{ url('reservation/details/'.$reservationVal['id']) }}">
                    {{ $reservationVal['comment_num'] }}
                </a>
                <a class="zan-num">{{ $reservationVal['zan_num'] }}</a>
            </div>
        </div>
        @if ($reservationVal['expert_common'])
        <div class="common-list">
            <div class="common-item">
                <div class="c-head-img">
                    <img src="{{ img_url($reservationVal['expert_common']['commenter']['head_portrait']) }}" alt="">
                </div>
                <div class="common-cont">
                    <div class="c-text">
                        @if ($reservationVal['expert_common']['is_expert'])
                            <span class="expert-tip">专家</span>
                        @endif
                        <span class="checked">{{ $reservationVal['expert_common']['commenter']['real_name'] ? $reservationVal['expert_common']['commenter']['real_name'] : $reservationVal['expert_common']['commenter']['user_name'] }}</span>:

                            @if ($reservationVal['expert_common']['replyer'])
                                <span class="checked">@ {{ $reservationVal['expert_common']['replyer']['real_name'] ? $reservationVal['expert_common']['replyer']['real_name'] : $reservationVal['expert_common']['replyer']['user_name'] }}</span>
                            @endif

                            {{ $reservationVal['expert_common']['content'] }}
                    </div>

                    @if ($reservationVal['expert_common']['imgs_url'])
                        <div class="c-imgs" id="expert_common_imgs{{ $reservationVal['expert_common']['id'] }}">
                            @foreach($reservationVal['expert_common']['imgs_url'] as $commonImgsUrlVal)
                                <div><img src="{{ $commonImgsUrlVal }}" alt=""></div>
                            @endforeach
                        </div>
                        <script>
                            ImagePreview.init({id:$("#expert_common_imgs"+'{{ $reservationVal['expert_common']['id'] }}'+" div img")});
                        </script>
                    @endif

                    @if ($reservationVal['expert_common']['video_url'])
                        <div class="c-video">
                            <div id="common-mui-player{{ $reservationVal['expert_common']['id'] }}" class="video-div"></div>
                        </div>
                        <script>
                            var mp = new MuiPlayer({
                                container:'#common-mui-player'+'{{$reservationVal['expert_common']['id']}}',
                                title:'',
                                src:'{{ $reservationVal['expert_common']['video_url'] }}',
                                poster:'{{ $reservationVal['expert_common']['video_img_url'] }}',
                                videoAttribute:[
                                    {attrKey:'webkit-playsinline',attrValue:''},
                                    {attrKey:'playsinline',attrValue:''},
                                    {attrKey:'x5-playsinline',attrValue:''},
                                    {attrKey:'t7-video-player-type',attrValue:'inline'},
                                    {attrKey:'x5-video-player-type',attrValue:'h5-page'},
                                    {attrKey:'x-webkit-airplay',attrValue:'allow'},
                                    {attrKey:'controlslist',attrValue:'nodownload'},
                                ],
                                plugins: [
                                    typeof MuiPlayerDesktopPlugin == 'function' ? new MuiPlayerDesktopPlugin({}) : {},
                                ]
                            });
                        </script>
                    @endif

                    <div class="c-info">
                        <span>{{ $reservationVal['expert_common']['created_at'] }}</span>
                        <span>{{ $reservationVal['expert_common']['zan_num'] }}次赞</span>
                    </div>
                </div>
                {{--                        <div class="zan-btn"></div>--}}
            </div>
        </div>

        @endif

        <a class="more-common" href="{{ url('reservation/details/'.$reservationVal['id']) }}">查看详情</a>

    </div>


@endforeach

@if ($reservationData['next_page_url'])
<input type="hidden" name="reservation_list" value="{{ $reservationData['next_page_url'] }}">
@endif